<!-- 网络连接错误 弹程序维护页面 -->
<template>
	<gzTipPopup ref="gzTipPopupRef" :type="1" @onCloseHandler="onCloseHandler">
		<view class="tip-container">
			<view class="title">系统维护升级中</view>
			<view class="text">为提升用户体验，小程序正在进行技术升级。期间给您带来不便，敬请谅解。​</view>
			<view class="tips">温馨提示:升级期间，您已兑换的满减券、福券在合作商户处可正常使用。</view>
		</view>
	</gzTipPopup>
</template>

<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	import { nextTick, ref } from 'vue'
	
	const gzTipPopupRef = ref()
	
	onLoad(() => {
		// 隐藏小房子
		uni.hideHomeButton()
		// 展示弹窗
		nextTick(() => {
			gzTipPopupRef.value.open()
		})
	})
	
	function onCloseHandler(){
		// 关闭弹窗退出小程序
		uni.exitMiniProgram()
	}
</script>

<style lang="less">
	.tip-container{
		.title{
			color: #333;
			text-align: center;
			font-size: 48rpx;
			font-weight: 500;
		}
		.text{
			color: #666666;
			margin-top: 30rpx;
			font-size: 32rpx;
			text-align: left;
			text-indent: 2em;
			letter-spacing: 6rpx;
		}
		.tips{
			margin-top: 16rpx;
			background: #FFF9F5;
			color: #FF8833;
			padding: 16rpx;
			border-radius: 8rpx;
		}
	}
</style>